<template>
  <view class="container">
    <view class="commn f ac xc" @click="goUrl(1)">客户1</view>
    <view class="commn f ac xc" @click="goUrl(2)">运动计划</view>
    <view class="commn f ac xc" @click="goUrl(3)">体侧数据</view>
    <view class="btn mt30r tc fs40r fw9">添加计划</view>
  </view>
</template>

<script>
export default {
  data() {
    return {};
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    // 初始化当前选中的标签
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {
    // this.$refs.paging.reload();
  },
  /**
   * 生命周期函数--监听页面的卸载
   */
  onUnload() {
    // 卸载全局事件订阅
    uni.$off("syncRefresh");
  },

  methods: {
    // 根据不同参数跳转不同页面
    goUrl(type) {
      if (type == 1) {
        uni.navigateTo({
          url: "/pages/customer/detail1",
        });
      } else if (type == 2) {
        uni.navigateTo({
          url: "/pages/customer/plan",
        });
      } else if (type == 3) {
        uni.navigateTo({
          url: "/pages/customer/detail3",
        });
      }
    },
  },
};
</script>

<style lang="scss" scoped>
.container {
  padding: 30rpx;
}
.commn {
  border: 4rpx solid #000;
  border-radius: 30rpx;
  margin-top: 20rpx;
  height: 25vh;
}
.btn {
  border: 4rpx solid #000;
  padding: 30rpx;
  border-radius: 30rpx;
  background: #000;
  color: #fff;
}
</style>
